<!-- 对组件库的Navbar做二次封装 -->
<template>
  <van-nav-bar :title="title" :fixed="true" :placeholder="true" />
</template>

<script setup lang="ts">
const { title } = defineProps<{
  title: string;
}>();
</script>

<style scoped lang="less">
:deep(.van-nav-bar) {
  background-color: @theme-color;
  .van-nav-bar__title {
    color: #fff;
  }
}

:deep(.van-nav-bar__text) {
  color: #fff;
}
:deep(.van-nav-bar .van-icon) {
  color: #fff;
}
</style>
